<template>
	<view class="content">
		<listHead :only="only" :title='written'></listHead>
		<view class="top">
			<view class="top-top" v-for="(item,index) in list" :key="index">
				<view class="top-left" v-if="item.title.length>3">{{item.title}}</view>
				<view class="top-left " v-else>
					<view class="top-title">
						{{item.title}}
					</view>
				</view>
				<view class="top-right">{{item.name}}</view>
			</view>
		</view>
		<view class="bottom-bottom" style="padding: 0 20px;">
			<u-button type="primary" class="btn" text="清空" color="#FF6E91"></u-button>
		</view>
		<scan-code @scanCodeId="scanCodeId" value="母乳核对"></scan-code>
	</view>
</template>

<script>
	import listHead from '../../components/html/listHead.vue'
	import scanCode from "../../components/html/scan-code.vue"
	export default {
		components: {
			listHead,
			scanCode
		},
		data() {
			return {
				only: false,
				written: '母乳核对-管理员',

				list: [
					{
						title: '医保类型',
						name: ''
					},
					{
						title: '床位号',
						name: ''
					},
					{
						title: '病历号',
						name: ''
					},
					{
						title: '入院时间',
						name: ''
					},
					{
						title: '姓名',
						name: ''
					},
					{
						title: '年龄',
						name: ''
					},
					{
						title: '性别',
						name: ''
					},
					{
						title: '就诊次数',
						name: ''
					}
				]
			}
		},
		methods: {
			nav() {},
			cancel() {
				this.show = false
			},
			scanCodeId(id,value){
				console.log(id,'1111111111');
				if(value !='母乳核对'){
					return
				}
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
	}

	.top {
		padding: 20px 20px 0;
	}

	.top-top {
		display: flex;
		align-items: center;
		margin-bottom: 10px;

		.top-left {
			width: 22%;
			height: 36px;
			background: #B9CACB;
			border-radius: 6px 2px 2px 6px;
			font-size: 16px;
			font-family: SourceHanSansCN-Medium, SourceHanSansCN;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 24px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-right: 0px;
		}

		.top-title {
			width: 100%;
			text-align-last: justify;
			text-align: justify;
			padding: 0 7px;
		}

		.top-right {
			width: 78%;
			height: 34px;
			background: #FFFFFF;
			border-radius: 0px 6px 6px 0px;
			border: 1px solid #B9CACB;
			border-left: 0px;
			display: flex;
			align-items: center;
			padding: 0 20rpx;
		}

	}


	.bottom-bottom {
		padding: 0 20px;
		margin-top: 20px;
		width: 90%;
		position: absolute;
		left: 0;
		bottom: 10px;
	}

	.u-reset-button ::v-deep .u-button__text {
		font-size: 22px !important;
		font-family: SourceHanSansCN-Medium, SourceHanSansCN;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 33px;
		letter-spacing: 12px;
	}

	.btn {
		box-shadow: 0px 2px 6px 0px #FF6E91;
		height: 56px;
	}
</style>
